﻿@charset "utf-8";
/* SZMobile ECSS CSS Document */
html,body{height:100%; margin:0; min-width:1000px;}
body,td{font-size:12px; font-family:"Arial"; }
p,h4,ul{margin:0;}
ul{padding:0; list-style:none;}
a:link{ text-decoration:none; color:#fff; font-weight:bold;}
a:visited{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:underline; color:#000;}

body .fRight{ float:right;}
body .clr{ clear:both;}

/*layout*/
#PageHeader{ height:70px; background:transparent url(../img/header_bg_repeat.gif) repeat-x left top;}
#PageMain{ height:100%; border-collapse:collapse; position:relative; padding:3px 5px 7px 5px; _margin-bottom:-2px;}
	#PageSider{ width:180px; margin-right:5px; height:100%; float:left; }
	#PagePanel{ height:100%; margin-left:185px;}
#PageFooter{ height:24px; line-height:24px;font-family:"Arial"; color:#666; background:transparent url(../img/caption_bg_v2.gif) repeat-x left bottom; border-top:solid 1px #858484; text-align:center;}

.top_panel{ height:63px;background:transparent url(../img/header_bg.gif) no-repeat 288px top; }
.logo{ float:left; height:63px; width:288px; background:transparent url(../img/logo.gif) no-repeat left top;}
.spliter{ float:left; height:63px; width: 6px; background:transparent url(../img/header_bg_spliter.gif) no-repeat center top;}
.top_info{ float:right; text-align:right; height:51px; line-height:24px; padding:6px 8px;}
.top_info ul{ }
.top_info li{ padding:2px 0 2px 0;line-height:12px;}
.top_info li a{text-decoration:none; color:#000;}

.top_navi{ padding:2px; float:left;}
.top_navi a{ width:88px; height:59px; display:block; float:left; text-align:center;}
.top_navi a span{ width:88px; height:59px; display:block; text-indent:-999em;}
.top_navi a:hover{ background:url(../img/menu_bg_hover.gif) no-repeat center;}
.top_navi .oncl{ background:url(../img/menu_bg_hover.gif) no-repeat center;}

	.top_navi a.menu_btn_0 span{background:url(../img/menu_btn_1.png) no-repeat center;}
	.top_navi a.menu_btn_1 span{background:url(../img/menu_btn_2.png) no-repeat center;}
	.top_navi a.menu_btn_2 span{background:url(../img/menu_btn_3.png) no-repeat center;}
	.top_navi a.menu_btn_3 span{background:url(../img/menu_btn_4.gif) no-repeat center;}
	.top_navi a.menu_btn_4 span{background:url(../img/menu_btn_5.gif) no-repeat center;}
	.top_navi a.menu_btn_5 span{background:url(../img/menu_btn_6.gif) no-repeat center;}

.sider{height:100%; border:solid 1px #62a6dc;}
.main{height:100%; border:solid 1px #62a6dc; position:relative;}

.caption{ height:25px; padding:0 5px; margin:0 1px; line-height:25px; color:#004488; background:transparent url(../img/caption_bg.gif) repeat-x left top; border-bottom:solid 1px #62a6dc;}

.sider_wrap{ overflow:auto;}
	.function_list{ padding:12px 1px 2px 1px; line-height:45px; font-size:13px;}
	.list{ padding-bottom:5px;}
	.list a{ display:block;padding-left:36px; background:url(../img/btn1.png) no-repeat 18px center;}
	.list h4{ padding-left:24px; font-size:13px; background:url(../img/menubg.jpg) no-repeat left center; color:#004488; cursor:pointer; line-height:27px;}
	.list p{padding-left:0; display:none; padding-top:1px;}
	.list_act h4{ background-image:url(../img/menubg_hover.jpg); color:#fff;}
	.list_act p{ display:block;}
	.list a:hover{display:block;text-decoration:none; padding-left:33px; background:url(../img/btn8.png) no-repeat 17px center;}
	
.tab_showall{ float:left; width:25px; height:25px; background:url(../img/tab_showall_btn.gif) no-repeat center center;}
.tab_wrap{ height:26px; margin-bottom:-1px; border-left:solid 1px #62a6dc; white-space:nowrap; overflow:hidden; position:relative;}
	.tab_wrap .tab{ display:inline-block; height:25px; line-height:25px; border-right:solid 1px #62a6dc; cursor:pointer; position:relative; width:100px; text-align:center; text-overflow:ellipsis;overflow:hidden;white-space: nowrap; word-break: keep-all;}
		.tab_wrap .tab em{padding:0 20px 0 6px; font-style:normal;}
		.tab_wrap .tab .tab_close{ background:url(../img/closeTab.gif) no-repeat center; width:12px; height:11px; display:block; position:absolute; right:4px; top:7px;}
	.tab_wrap .tab_s{ height:26px; line-height:26px; margin-bottom:-1px; background:#fff;}
.tab_wrap_show{ height:auto; background:#91cfff; border:solid 1px #62a6dc; top:-1px; left:30px; white-space:normal; position:absolute; width:85%;}
	body .tab_wrap_show .tab{ float:left; height:26px; border:solid 1px #62a6dc; background:#d6eeff; margin:2px; width:auto;}
	body .tab_wrap_show .tab_s{background:#fff; font-weight:bold; }
	
.layout_setting{ width:63px; padding:4px; float:right;}
	.layout_setting a{ float:left; text-indent:-999em; width:17px; height:16px; line-height:16px; margin-right:6px;}
	.layout_setting .panelView{ background:white url(../img/layout_btns.gif) no-repeat left top;}
	.layout_setting .liteView{ background:white url(../img/layout_btns.gif) no-repeat -17px top;}
	.layout_setting .fullView{ background:white url(../img/layout_btns.gif) no-repeat -34px top; margin-right:0;}

.panel_wrap{}
	.panel_wrap iframe.panel{width:100%; height:100%; display:none;}
	.panel_wrap iframe.panel_s{display:block;}
	
.icon_doc{ padding:2px 2px 2px 18px; background:url(../img/icon_doc.gif) no-repeat left center;}